<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,viewport-fit=cover">
    <title>京东商城</title>
    <link rel="stylesheet" href="css/initialize.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 返回顶部 -->
    <a id="returned-top"></a>
    <!-- 顶部 -->
    <header class="top">
        <ul>
            <li>
                <img src="images/colse.png" alt="" srcset="">
            </li>
            <li>
                <img src="images/logo.png" alt="" srcset="">
            </li>
            <li>
                打开京东，购物实惠又轻松
            </li>
            <li>立即打开</li>
        </ul>
    </header>
    <!-- 搜索栏 -->
    <div class="search_box">
        <div class="menu">
            <a href="#">
                <img src="images/more.png" alt="" srcset="">
            </a>
        </div>

        <div class="login">
            <a href="#">登录</a>
        </div>
        <form action="" method="GET">

            <div class="search">
                <i class="logo"></i>
                <i class="fd-icon"></i>
                <input type="text" placeholder="蚕丝被">
            </div>
        </form>

    </div>
    <!-- 主体部分 -->
    <div class="main">
        <!-- 轮播部分 -->
        <div class="slider-wrapper">
            <div class="lunbo">
                <ul>
                    <li>
                        <a href="#">
                            <img src="upload/tu1.jpg" alt="" srcset="">
                        </a>
                    </li>
                </ul>
                <div class="list-dot">
                    <a href="#" class="active"></a>
                    <a href="#"></a>
                    <a href="#"></a>
                    <a href="#"></a>
                    <a href="#"></a>
                    <a href="#"></a>
                    <a href="#"></a>
                    <a href="#"></a>
                </div>
            </div>
        </div>

        <div class="box-list">
            <ul>
                <li>
                    <a href="#">
                        <img src="images/icon1.png" alt="">
                        <p>京东超市</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon2.png" alt="">
                        <p>数码电器</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon3.png" alt="">
                        <p>京东服饰</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon4.png" alt="">
                        <p>京东生鲜</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon5.png" alt="">
                        <p>京东到家</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon6.png" alt="">
                        <p>充值缴费</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon7.png" alt="">
                        <p>9.9元拼</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon8.png" alt="">
                        <p>领劵</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon9.png" alt="">
                        <p>领津贴</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon10.png" alt="">
                        <p>PLUS会员</p>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 京东秒杀 -->
        <div class="jdms-box">
            <div class="jdms-box-hb clear-fix">
                <h3>京东秒杀</h3>
                <a href="#">更多秒杀</a>
            </div>
            <div class="jsms-box-db">
                <ul>
                    <li>
                        <div class="item-img">
                            <a href="#">
                                <img src="./upload/tu2.jpg" alt="" srcset="">
                            </a>
                        </div>
                        <div class="item-price">
                            <span class="new-price">&yen;19.8</span>
                            <br>
                            <span class="old-price">&yen;66</span>
                        </div>
                    </li>
                    <li>
                        <div class="item-img">
                            <a href="#">
                                <img src="./upload/tu3.jpg" alt="" srcset="">
                            </a>
                        </div>
                        <div class="item-price">
                            <span class="new-price">&yen;5.9</span>
                            <br>
                            <span class="old-price">&yen;19</span>
                        </div>
                    </li>
                    <li>
                        <div class="item-img">
                            <a href="#">
                                <img src="./upload/tu4.jpg" alt="" srcset="">
                            </a>
                        </div>
                        <div class="item-price">
                            <span class="new-price">&yen;59.8</span>
                            <br>
                            <span class="old-price">&yen;129</span>
                        </div>
                    </li>
                    <li>
                        <div class="item-img">
                            <a href="#">
                                <img src="./upload/tu5.jpg" alt="" srcset="">
                            </a>
                        </div>
                        <div class="item-price">
                            <span class="new-price">&yen;128</span>
                            <br>
                            <span class="old-price">&yen;318</span>
                        </div>
                    </li>
                    <li>
                        <div class="item-img">
                            <a href="#">
                                <img src="./upload/tu6.jpg" alt="" srcset="">
                            </a>
                        </div>
                        <div class="item-price">
                            <p class="new-price">&yen;186</p>
                            <p class="old-price">&yen;620</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-img">
                            <a href="#">
                                <img src="./upload/tu7.jpg" alt="" srcset="">
                            </a>
                        </div>
                        <div class="item-price">
                            <span class="new-price">&yen;1588</span>
                            <br>
                            <span class="old-price">&yen;2599</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 高效办公 -->
        <div class="gx-work">
            <ul>
                <li>
                    <div class="gx-work-text">
                        <h4>高效办公</h4>
                        <p>响应速度快如闪电</p>
                    </div>
                    <div class="gx-work-img">
                        <a href="#">
                            <img src="upload/tu8.jpg" alt="" srcset="">
                        </a>
                        <a href="#">
                            <img src="upload/tu9.jpg" alt="" srcset="">
                        </a>
                    </div>
                </li>
                <li>
                    <div class="gx-work-text">
                        <h4>车漆养护</h4>
                        <p>DIY养护爱车漆面</p>
                    </div>
                    <div class="gx-work-img">
                        <a href="#">
                            <img src="upload/tu10.jpg" alt="" srcset="">
                        </a>
                        <a href="#">
                            <img src="upload/tu11.jpg" alt="" srcset="">
                        </a>
                    </div>
                </li>
                <li>
                    <div class="gx-work-text">
                        <h4>学霸进阶</h4>
                        <p>三省我身</p>
                    </div>
                    <div class="gx-work-img">
                        <a href="#">
                            <img src="upload/tu12.jpg" alt="" srcset="">
                        </a>
                    </div>
                </li>
                <li>
                    <div class="gx-work-text">
                        <h4>音乐时光</h4>
                        <p>文娱滋养</p>
                    </div>
                    <div class="gx-work-img">
                        <a href="#">
                            <img src="upload/tu13.jpg" alt="" srcset="">
                        </a>
                    </div>
                </li>
                <li>
                    <div class="gx-work-text">
                        <h4>极简女包</h4>
                        <p>通勤必备</p>
                    </div>
                    <div class="gx-work-img">
                        <a href="#">
                            <img src="upload/tu14.jpg" alt="" srcset="">
                        </a>
                    </div>
                </li>
                <li>
                    <div class="gx-work-text">
                        <h4>读物精选</h4>
                        <p>度百姓故事</p>
                    </div>
                    <div class="gx-work-img">
                        <a href="#">
                            <img src="upload/tu15.jpg" alt="" srcset="">
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 产品展示 -->
        <div class="perdoct-show clear-fix">
            <ul>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu1.dpg" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p><img src="images/jx.png" alt=""> 天语（K-Touch）N1 4G全网通老人手机 移动联通电信VoLTE 超长待机 直板按键学生备用智能老年手机 典雅红 </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;219</span>
                            <i>新品</i>
                            <em>看相似</em>

                        </div>
                        <div class="puls">&yen;&nbsp;213</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu2.dpg" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p> 【顺丰空运】 新鲜杨梅水果 现摘现发 孕妇水果 新鲜水果 杨梅3斤装 </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;129</span>
                            <i>满减</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>


                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu3.dpg" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p>【4K航拍 再减180】畅影GPS定位无人机无刷电机4K电调相机超高清专业航拍飞行器四轴玩具直升机 太空灰 双GPS超高清4K 4800万像素5G 电调相机【前100名免费升级双电】超长续航 </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;739</span>
                            <i>满减</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu4.webp" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p> 太阳鹿小夜灯 人体感应卧室床头灯夜光插座氛围灯婴儿喂奶遥控灯 大白开关款（无感应）-白光 </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;15.01</span>
                            <i>满减</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu4.webp" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p><img src="images/ziying.png" alt=""> 月印百川 老料金丝檀佛珠手串高密度檀香木珠手链</p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;63</span>
                            <i>闪购</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu5.webp" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p>第二件9.9 2件带箱合发10斤 红富士苹果5斤 时令新鲜水果生鲜丑苹果冰糖心 中果（果径约75-80mm） 新鲜苹果</p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;19.9</span>
                            <i>满减</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu10.dpg" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p>安德玛官方UA Charged Bandit5男子跑步鞋Under Armour3021947 黑色001 47 </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;359</span>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu7.png" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p>第二件9.7 玖原农珍 海南青芒5斤优选芒果 现摘水果</p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;19.7</span>
                            <i>满减</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu8.dpg" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p>稻草人休闲裤男2021新品夏季直筒宽松高弹力束脚裤子运动长裤冰丝男裤 【2001直筒】夏季款黑色 L </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;98</span>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu9dpg.webp" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p> <img src="images/ziying.png" alt="" srcset=""> Apple iPhone XR (A2108) 64GB 白色 移动联通电信4G手机 双卡双待 </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;3999</span>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>


                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu3.dpg" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p>【4K航拍 再减180】畅影GPS定位无人机无刷电机4K电调相机超高清专业航拍飞行器四轴玩具直升机 太空灰 双GPS超高清4K 4800万像素5G 电调相机【前100名免费升级双电】超长续航 </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;739</span>
                            <i>满减</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu4.webp" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p> 太阳鹿小夜灯 人体感应卧室床头灯夜光插座氛围灯婴儿喂奶遥控灯 大白开关款（无感应）-白光 </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;15.01</span>
                            <i>满减</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu4.webp" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p><img src="images/ziying.png" alt=""> 月印百川 老料金丝檀佛珠手串高密度檀香木珠手链</p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;63</span>
                            <i>闪购</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu5.webp" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p>第二件9.9 2件带箱合发10斤 红富士苹果5斤 时令新鲜水果生鲜丑苹果冰糖心 中果（果径约75-80mm） 新鲜苹果</p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;19.9</span>
                            <i>满减</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu10.dpg" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p>安德玛官方UA Charged Bandit5男子跑步鞋Under Armour3021947 黑色001 47 </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;359</span>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu7.png" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p>第二件9.7 玖原农珍 海南青芒5斤优选芒果 现摘水果</p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;19.7</span>
                            <i>满减</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu4.webp" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p> 太阳鹿小夜灯 人体感应卧室床头灯夜光插座氛围灯婴儿喂奶遥控灯 大白开关款（无感应）-白光 </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;15.01</span>
                            <i>满减</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu4.webp" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p><img src="images/ziying.png" alt=""> 月印百川 老料金丝檀佛珠手串高密度檀香木珠手链</p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;63</span>
                            <i>闪购</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu1.dpg" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p><img src="images/jx.png" alt=""> 天语（K-Touch）N1 4G全网通老人手机 移动联通电信VoLTE 超长待机 直板按键学生备用智能老年手机 典雅红 </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;219</span>
                            <i>新品</i>
                            <em>看相似</em>

                        </div>
                        <div class="puls">&yen;&nbsp;213</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="perduct-show-img">
                            <img src="upload/tu2.dpg" alt="" srcset="">
                        </div>
                        <div class="perduct-show-text clear-fix">
                            <p> 【顺丰空运】 新鲜杨梅水果 现摘现发 孕妇水果 新鲜水果 杨梅3斤装 </p>
                        </div>
                        <div class="price clear-fix">
                            <span>&yen;&nbsp;129</span>
                            <i>满减</i>
                            <em>看相似</em>

                        </div>
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <!-- 回到顶部按钮 -->
    <div class="return-top">
        <a href="#returned-top"></a>
    </div>

    <!-- 侧边的京东按钮 -->
    <div class="aside-btn">
        <a href="#"></a>
    </div>





    <!-- 脚部分 -->
    <footer class="foot">
        <a href="#">
            <img src="images/foot-icon1.png" alt="">
        </a>
        <a href="#">
            <img src="images/foot-icon2.png" alt="">
        </a>
        <a href="#">
            <img src="images/foot-icon3.png" alt="">
        </a>
        <a href="#">
            <img src="images/foot-icon4.png" alt="">
        </a>
        <a href="#">
            <img src="images/foot-icon5.png" alt="">
        </a>
    </footer>

</body>

</html>